<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html">

    <h:body>
        
            <ui:composition template="/resources/template/template.xhtml">

                <ui:define name="content">
                    <h:form>
                        <p:panel header="Items by Name" >

                            <p:panel >
                                <f:facet name="header">
                                    <p:commandButton ajax="false" value="Process" action="#{storeAmpController.createStoreItemsWithRetierd()}" />
                                </f:facet>

                                <p:panel id="paItems">
                                    <p:dataTable id="tblItem" value="#{storeAmpController.itemsAll}" var="i" >
                                        <p:column headerText="Category" sortBy="#{i.category.name}" >
                                            <p:outputLabel value="#{i.category.name}"></p:outputLabel>
                                        </p:column>
                                        <p:column headerText="Code" >
                                            <p:outputLabel value="#{i.code}"></p:outputLabel>
                                        </p:column>
                                        <p:column headerText="Name" >
                                            <p:outputLabel value="#{i.name}" styleClass="#{i.retired ? 'redText':''}"></p:outputLabel>
                                        </p:column>
                                        <p:column headerText="Generic" >
                                            <p:outputLabel value="#{i.vmp.name}"></p:outputLabel>
                                        </p:column>
                                        <p:column headerText="Creater" >
                                            <p:outputLabel value="#{i.creater.webUserPerson.name}"></p:outputLabel>
                                        </p:column>
                                        <p:column headerText="Creater" >
                                            <p:outputLabel value="#{i.createdAt}">
                                                <f:convertDateTime pattern="yyyy MM dd hh:mm:ss a" />
                                            </p:outputLabel>
                                        </p:column>
                                        <p:column headerText="Retire" >
                                            <p:outputLabel value="#{i.retirer.webUserPerson.name}" ></p:outputLabel>
                                        </p:column>
                                        <p:column headerText="Retired At" >
                                            <p:outputLabel value="#{i.retiredAt}">
                                                <f:convertDateTime pattern="yyyy MM dd hh:mm:ss a" />
                                            </p:outputLabel>
                                        </p:column>
                                    </p:dataTable>
                                </p:panel>

                            </p:panel>

                        </p:panel>
                    </h:form>


                </ui:define>


            </ui:composition>
        


    </h:body>
</html>
